.che-footer
  height 30px
  background-color $white-color
  border-top 1px solid $list-separator-color
  padding 0px 10px
  min-height 30px

.che-footer-logo
  padding 5px 0px
  height 30px
  flex-shrink 0
  flex-grow 0

.che-footer-button
  padding 0px 15px
  font-size 9pt
  cursor pointer
  height 18px
  color $white-color
  border-radius 2px

.che-footer a
  text-decoration none
  color $white-color

.che-footer-button-community
  background-color $che-logo-yellow-color

.che-footer-button-community:hover
  background-color darken($che-logo-yellow-color, 25%)

.che-footer-button-mail
  background-color $che-logo-blue-color
  margin 0px 15px 0px 5px

.che-footer-button-mail:hover
  background-color darken($che-logo-blue-color, 20%)

.che-footer-input
  width 200px
  background-color inherit
  color $che-logo-blue-color
  box-shadow none
  border 1px solid $che-logo-blue-color
  border-radius 3px
  height 18px
  line-height 18px
  outline none
  font-size 9pt
  padding 0px 5px

.che-footer-input::-webkit-input-placeholder
  color $che-logo-blue-color
  font-size 9pt

.che-footer-input:-moz-placeholder
  /* Mozilla Firefox 4 to 18 */
  color $che-purple-color
  font-size 9pt

.che-footer-input::-moz-placeholder
  /* Mozilla Firefox 19+ */
  color $che-purple-color
  font-size 9pt
